<template>
  <div>
    <div class="footerBanner">
        <!-- <h1>12122</h1> -->
      
      <div v-if="ad" class="ad" v-html="ad"></div>
      <!-- <img :src="imgSrc" alt=""> -->
    </div>
  </div>

</template>

<script type="text/ecmascript-6">
  /* eslint-disable*/
  import {Tabbar, TabbarItem, Group, Cell} from 'vux'
  import Bus from '@/common/js/bus.js'


  import {raceShow} from "@/api/raceshow.js"
  import {indexedDB} from "@/api/indexedDB.js";

  export default {
    props: ["page"],
    data () {
      return {
        show: false,
        imgSrc: '',
        ad:'',
        tel:'',
        href:''
      }
    },
    created () {
      
      
      this.ad=JSON.parse( window.localStorage.getItem('raceinfo')).ad
      
      console.log(this.ad)
      

    
    },
    mounted () {
      // Bus.$on('close', data => {
      //   this.show = false
      // })
    },
    methods: {
      pay(){
        window.location.href='https://wechat.ihuipao.com/qrpay?openid='+window.localStorage.getItem('openid')
      }
      
    },
    components: {
      Tabbar,
      TabbarItem,
      Group,
      Cell
    }
  }
</script>


<style lang="less" rel="stylesheet/less">

  #tabbar {
    .weui-tabbar {
      max-width: 850px;
      z-index: 99;
    }
  }

  .footerBanner {
    margin-bottom: 50px;
  }

  .footerBanner img {
    max-width: 850px;
    width: 100vw;
  }

  #tabbar .list {
    background: #f7f7fa;
    position: absolute;
    right: 0;
    width: 33.33%;
    text-align: center;
    bottom: 80px;
  }

  #tabbar .list li {
    padding: 10px;
  }

  #tabbar .list li a {
    color: #999
  }

  #tabbar .list:after {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #f7f7fa;
    display: block;
    content: '';
    text-align: center;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
  }

  ul, li {
    list-style: none;
  }

  .fade-enter-active, .fade-leave-active {
    transition: opacity .5s
  }

  .fade-enter, .fade-leave-to /* .fade-leave-active in below version 2.1.8 */
  {
    opacity: 0
  }

</style>
